Skip to content

DOCS-3187 Add shared top-level navigation header#331

Open
dimitrystd wants to merge 2 commits into
masterfrom
DOCS-3187-add-top-level-navigation
Open

DOCS-3187 Add shared top-level navigation header#331
dimitrystd wants to merge 2 commits into
masterfrom
DOCS-3187-add-top-level-navigation

Conversation

@dimitrystd

@dimitrystd dimitrystd commented Jul 21, 2026

Copy link
Copy Markdown
Contributor

https://api-reference.smartling.com/preview/pr-331. Tested scroll, looks good now.

Summary

  • Injects graphql-docs-hub's shared site-chrome header/switcher into web/index.html so api-reference.smartling.com gets the same top nav as graphql-reference.smartling.com. Removes the OpenAPI spec's x-logo (and now-unused web/smartling_logo.png), which was rendering a duplicate Smartling logo in ReDoc's own sidebar.
  • Fixes a bug found after adding the header: ReDoc's own sidebar (.menu-content, including its search box) is position: sticky; top: 0, which collided with the new header at the same offset once the page was scrolled, hiding the sidebar's top edge (and search box) behind the header. The sidebar is now pushed down by the header's actual measured height (owned by the separate graphql-docs-hub repo, so not hardcoded here).

Test plan

  • npm start, confirmed header renders at the top of the REST reference page with the REST/GraphQL switcher
  • Scrolled the page and confirmed the ReDoc sidebar (search box + nav) no longer renders behind the header, at multiple scroll positions
  • Confirmed the duplicate Smartling logo no longer appears in ReDoc's own sidebar

🤖 Generated with Claude Code

dimitrystd and others added 2 commits July 21, 2026 13:59
Injects the graphql-docs-hub's shared site-chrome header/switcher into
web/index.html so api-reference.smartling.com gets the same top nav as
graphql-reference.smartling.com. Removes the OpenAPI spec's x-logo
(and now-unused web/smartling_logo.png), which was rendering a
duplicate Smartling logo in ReDoc's own sidebar.
ReDoc's own sidebar (.menu-content, including its search box) is
position: sticky; top: 0, which collides with the shared site-chrome
header at the same offset once the page is scrolled, hiding the
sidebar's top edge behind the header. Push the sidebar down by the
header's actual measured height (owned by the graphql-docs-hub repo,
so not hardcoded here) instead.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant